<!--
 * @docName: invoiceVerifyRes.vue
 * @Author: mwl
 * @Date: 14:26
 * @LastEditors: mwl
 * @LastEditTime: 14:26
-->
<template>
<div class='content'>
    <div v-if="verifyResult == 1">
      <a-icon class='check-circle' type="check-circle" theme="filled" />
      <div class="text">成功</div>
    </div>
    <div v-else>
      <a-icon class='close-circle' type="close-circle" theme="filled" />
      <div class="text">失败</div>
    </div>
</div>
</template>

<script>
export default {
  name: 'invoiceVerifyRes',
  data(){
    return{
      verifyResult:''
    }
  },
  created() {
    this.verifyResult = this.$route.query.verifyResult ? this.$route.query.verifyResult : ''
  }
}
</script>

<style scoped lang='less'>
.content{
  text-align: center;
  padding: 200px 0;
  .check-circle{
    font-size: 100px;
    color: #32bc51;
  }
  .close-circle{
    font-size:100px;
    color: #ff4d4f;
  }
  .text{
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
  }
}

</style>
